<!-- 采用html5  -->
<!DOCTYPE html>
<html>

<head>


    <meta charset="UTF-8">

    <!-- 页面显示适应移动设备 -->
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <title>我的APP</title>

    <link rel="stylesheet" href="resources\we-vue\style.css">
    <link rel="stylesheet" href="resources\css\font-awesome.min.css">
    <link rel="stylesheet" href="resources\css\hui.css">
    <link rel="stylesheet" href="resources\css\jquery-ui.css">

    <style>
        /*元素选择器*/

        html {
            height: 100%;
        }

        body {
            height: 100%;
            padding: 0px;
            /*内边距*/
            margin: 0px;
            /*外边距*/
        }

        .my-container {
            position: relative;
            width: 100%;
            height: 100%;
            background-color: #f0f0f0;
        }
    </style>

   

</head>


<body>

    <div id="app" lass="my-container">



        <p>
            <label for="amount">捐款金额（$50 增量）：</label>
            <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;">
        </p>

        <div id="slider"></div>




    </div>


</body>

<script src="resources\js\vue.min.js"></script>
<script src="resources\js\jquery.min.js"></script>
<script src="resources\js\jquery.js"></script>
<script src="resources\we-vue\index.js"></script>
<script src="resources\layer_mobile\layer.js"></script>
<script src="resources\js\my.js"></script>
<script src="resources\js\jquery-ui.min.js"></script>
<script>
        $(function () {
            $("#slider").slider({
                value: 0,
                min: -3,
                max: +3,
                step: 0.01,
                slide: function (event, ui) {
                    $("#amount").val("$" + ui.value);
                }
            });
            $("#amount").val("$" + $("#slider").slider("value"));
        });
    </script>
<script>

    new Vue({
        el: '#app',
        data: {
            deps: [],
        },
        methods: {

        },
        mounted() {
            Serv.loadData({ url: '/text.jsp' }, (data) => {
                this.deps = data;
                console.log(this.deps);
            })
        }
    });


</script>


</html>